/* 
  需求:1,点击 基本资料 数据回填
       2,当用户点击提交的时候, 收集数据 向服务器发送请求  渲染页面, 同时让index页面中的个人信息更新
       3,点击重置的时候  再次 向服务器发送请求 获取资料数据回填
*/

//   1,数据回填 
          
         function renderUser(){

            //向服务器发送请求  获取用户信息
            axios.get('/my/user/userinfo').then(res=>{
                //加载 form模块
               let form= layui.form
               //进行数据回填
               form.val('abc',res.data.data)

            })
         }
         renderUser();//调用一下
  
//  2,当用户进行修改提交的时候
     $('form').on('submit',function(e){
       //阻止浏览器的默认提交
       e.preventDefault()
       //收集用户数据
       let data=$(this).serialize()
       //发送ajax请求
       axios.post('/my/user/userinfo',data).then(res=>{
         //数据解构
         let {status,message}=res.data;
         
         if(status===0){
           layer.msg(message)
         }
         window.parent.getUserInfo() //渲染index页面 让index页面从新获取信息
       })
     })

     //绑定重置事件 当用户点击重置的时候 再次进行数据回填

     $('button[type=reset]').on('click',function(e){
          e.preventDefault()
          renderUser()
     })
      
